import { Button, SearchBar, Space, Toast } from 'antd-mobile'
import { useRef } from 'react'
import Item from './components/Item'
function App() {
  const searchRef = useRef(null)
  
  return (
    <div>
      <SearchBar
            ref={searchRef}
            placeholder='请输入内容'
            showCancelButton
            onSearch={val => {
              Toast.show(`你搜索了：${val}`)
            }}
            onFocus={() => {
              console.log('获得焦点')
            }}
            onBlur={() => {
              console.log('失去焦点')
            }}
            onCancel={() => {
              console.log('取消搜索')
            }}
          />
          <div>111</div>
          <Item></Item>
    </div>
  )
}

export default App
